<template>
  <el-card shadow="never">
    <el-form
      ref="form"
      :model="form"
      label-position="left"
      label-width="90px">
      <el-form-item label="对称加密:">
        <el-radio-group
          v-model="radioEncryption"
          size="mini">
          <el-radio
            v-for="item in symmetricEncryption"
            :key="item"
            :label="item"
            border>{{ item }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="非对称加密:">
        <el-radio-group
          v-model="radioEncryption"
          size="mini">
          <el-radio
            v-for="item in asymmetricEncryption"
            :key="item"
            :label="item"
            border>{{ item }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
    </el-form>
    <el-row :gutter="20">
      <el-col :span="12">
        <el-input
          type="textarea"
          v-model="form.desc"
          :rows="6"
          placeholder="加密内容">
        </el-input>
      </el-col>
      <el-col :span="12">
        <el-input
          type="textarea"
          v-model="form.desc"
          :rows="6"
          placeholder="解密内容">
        </el-input>
      </el-col>
    </el-row>
    <div class="action-button" style="margin-top: 20px">
      <el-button type="primary">立即执行</el-button>
    </div>
  </el-card>
</template>

<script>
export default {
  data () {
    return {
      form: {
        desc: null
      },
      symmetricEncryption: ['SM1', 'SM4', 'SM7', 'ZUC', 'AES', '3DES'],
      asymmetricEncryption: ['SM2', 'SM9', 'RSA', 'ECC'],
      radioEncryption: 'SM1'
    }
  }
}
</script>

<style>

</style>